<template>
  <!-- <m-header></m-header> -->
  <m-banner></m-banner>
  <div class="content">
    公司简介
  </div>
  <div class="photoList">
    工程项目
    <el-carousel :interval="5000" class="photos" type="card" arrow="always">
      <el-carousel-item v-for="item in 4" :key="item">
        <h3 text="2xl" justify="center">{{ item }}</h3>
      </el-carousel-item>
    </el-carousel>
  </div>
  <div class="footer">

  </div>
</template>

<script>
// import Header from '../containers/Header';
import Banner from '../containers/Banner';
export default {
  name: 'IndexPage',
  components: {
    // MHeader: Header,
    MBanner: Banner,
  }
}
</script>

<style>
.content{
  height: 600px;
  padding: 20px;
}
.photos{
  margin-bottom: 50px;
}
.footer{
  width: 100%;
  height: 400px;
  background: rgba(0,0,0,0.8);
}
</style>